<template>
  <div class="tkbox cjresult_tkbox huafeibox clmcenter">
    <div class="tkcontainer clmcenter">
      <div class="tk_container clmstart">
        <p class="title">恭喜您中奖</p>
        <div class="tk_infobox">
          <div class="tk_info clmcenter">
            <div class="jpbox">
              <img :src="jpimg" class="jpimg" />
              <div class="jpdesbox">
                <p>恭喜您抽中{{ jpname }}</p>
                <p>可在“我的信息”中查看记录</p>
              </div>
            </div>
            <p class="tips" v-show="tipflag">礼品将会快递寄送</p>
          </div>
        </div>
      </div>
      <div class="cfmbtnbox mybtnbox" @click="$router.replace('/mine')">
        <img src="@/assets/img/btn_myinfo.png" />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    jpname: {
      type: String,
      default: "",
    },
    jpimg: {
      type: String,
      default: "",
    },
    tipflag: {
      type: Boolean,
      default: false,
    },
  },
};
</script>
<style lang="less" scoped>
.huafeibox {
  .tkcontainer {
    .tk_container {
      .tk_infobox {
        position: relative;
        .tips {
          position: absolute;
          bottom: 1.5rem;
          font-size: 1.6rem;
          color: #1f1e1e;
        }
      }
    }
    .mybtnbox {
      margin-top: 4rem;
    }
  }
}
</style>
